<template>
	<div >
		<div class="title">
			{{article.title}}
			<!-- 时间戳 1616131774*1000  13位 1970
				凡是用户看不懂的数据，要转化为看的懂的数据
				那就要把时间戳转化位可以看的懂的时间
				怎么转化
				过滤器：filters
				做好一个页面
			-->
			{{article.add_time|dateFormat}}
		</div>
		<!-- 富文本 -->
		<div class="content" v-html="article.content">
			
		</div>
		<router-view></router-view> 
	</div>
</template>

<script>
	import dayjs from 'dayjs' 
	export default{
		data() {
			return{
				article:{}
			}
		}
		,
		created() {
			let {id}=this.$route.query;
			this.getArticleById(id);
			//通过Id获取文章信息
			console.log(id)
		},
		methods:{
			getArticleById(id){
				//见文知义 变量，方法
				this.$axios.get('api/article/one',{
					params:{
						id:id
					}
				}).then(res=>{
					console.log(res)
					this.article=res.data;
					
				}).catch(err=>{
					
				})
				
			}
			
		},
		filters:{
			dateFormat(value){
				console.log(value);
				return dayjs(value*1000).format('YYYY-MM-DD HH:mm:ss'); 
			}
			
		}
		
	}
</script>

<style>
</style>
